<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/pages/common/header.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Change Role</title>
		<script type="text/javascript">
		
			function checkRoleFields(){
				var selectableRole=document.getElementById("displayRole");
				selectedRole = selectableRole.options[selectableRole.selectedIndex].text; 
				if(selectedRole==null || selectedRole=="" || selectedRole=="Change User Role" ){
					alert("Please Select Role Type");
					return false;
				}
				return true;
			}
		</script>
	</head>
	<body class="mainbody" onload="msgDisplay('${param.message}');">
		<div class="mainContainer">
			<section class="bodyContainer">
				<div class="">
	            	
					<form id="changeRole" method="post" action="${context}/changeRole">
						<input type="hidden" name="ACTION" value="CUR">
						<input type="hidden" name="UI" value="${param.userId}">
		    			<div id="changePassword" class="">
							<div class="divclear">
								<div class="signInHeadingTxt">Change User Role</div>	
								<div class="hor_space_10"></div>
								<div class="divclear">   
									<div class="forgotPassTxt">User Name:</div>
									<div class="forgotPassTxt">
										<input type="text" id="fName" name="FN" value="${param.fName}" readonly="readonly">
									</div>
								</div>	
								
								<div class="hor_space_10"></div>
								<div class="divclear">   
									<div class="forgotPassTxt">Roles Type</div>
									<div class="forgotPassTxt">
										<select name="UR" class="loginSelectfld" id="displayRole">
											<option>Change Role</option>
											<option value="Administrator" >Administrator</option>
											<option value="Account">Account</option>
											<option value="Purchase">Purchase</option>
											<option value="Dispatch">Dispatch</option>
										</select>
									</div>
								</div>	
								<div class="hor_space_10"></div>
								<div class="hor_space_10"></div>
							 	<div class="hor_space_10"></div>
								<div class="divclear">
									<div class="signInLoginBtn"><a onclick="return checkRoleFields();" href=""><input
								type="submit" value="SAVE" /></a></div>
								</div>
							</div>
						</div>
		            </form>
	           	</div>
	  	    </section>
	    </div>             
		<jsp:include page="/pages/common/footer.jsp" />
	</body>
</html>